<div [@routerTransition]>
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto col-xs-6">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    <span>任务工时</span>
                </h3>
                <span class="m-section__sub">
                    任务工时的文本头信息
                </span>
            </div>
            <div class="col-xs-6 text-right">
            </div>
        </div>
    </div>

    <div class="m-content">
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__body">
                <form class="horizontal-form" autocomplete="off">
                    <div class="m-form m-form--label-align-right">
                        <div class="row align-items-center m--margin-bottom-10">
                            <div class="col-xl-12">
                                <div class="form-group m-form__group align-items-center">
                                    <div class="input-group myselect">
                                        <!-- <input [(ngModel)]="filterText" name="filterText" autoFocus
                                            class="form-control m-input" [placeholder]="l('SearchWithThreeDot')"
                                            type="text"> -->
                                            <p-calendar [(ngModel)]="date" name="date" view="month" dateFormat="yy-mm" placeholder="选择时间" [yearNavigator]="true" yearRange="2000:2060" [locale]="en"></p-calendar>
                                            <p-dropdown [options]="teamGroups" name="teamGroups" [(ngModel)]="orgid" placeholder="选择班组" optionLabel="displayText"></p-dropdown>
                                            <span class="input-group-btn">
                                            <button (click)="getWorking()" class="btn btn-primary" type="submit">
                                                <!-- <i class="flaticon-search-1" [attr.aria-label]="l('Search')"></i> -->
                                                搜索
                                            </button>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

                <div class="row align-items-center" style="padding: 0 14px;">
                    <!--<Primeng-TurboTable-Start>-->
                    <div class="primeng-datatable-container myTable" [busyIf]="primengTableHelper.isLoading">
                        <p-table [value]="data" [paginator]="true" [rows]="10">
                            <ng-template pTemplate="header">
                                <tr class="tabletr">
                                    <th rowspan="2">序号</th>
                                    <th rowspan="2">姓名</th>
                                    <th rowspan="2">个人产品额定工时</th>
                                    <th rowspan="2">个人民品额定工时</th>
                                    <th colspan="4">个人结算工时</th>
                                    <th rowspan="2">个人工时费（包含民品）</th>
                                    <th rowspan="2">民品工时费（*5元/小时）</th>
                                    <th rowspan="2">辅助工时</th>
                                    <th rowspan="2">辅助工时费（*5元/小时）</th>
                                    <th rowspan="2">额外工时</th>
                                    <th rowspan="2">额外工时费（*8元/小时）</th>
                                    <th rowspan="2">备注</th>
                                </tr>
                                <tr>
                                    <th>合计本月</th>
                                    <th>上月结余</th>
                                    <th>本月预留</th>
                                    <th>本月结算</th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-sale>
                                <tr>
                                        <!-- <td>合计</td>
                                        <td>合计</td>
                                        <td>$506,202</td>
                                        <td>$531,020</td>
                                        <td>$531,020</td>
                                        <td>$531,020</td>
                                        <td>$531,020</td>
                                        <td>$531,020</td>
                                        <td>$531,020</td>
                                        <td>$531,020</td>
                                        <td>$531,020</td>
                                        <td>$531,020</td>
                                        <td>$531,020</td>
                                        <td>$531,020</td>
                                        <td></td> -->
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="footer">
                                <tr>
                                    <td colspan="2">合计</td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </ng-template>
                        </p-table>
                    </div>
                    <!--<Primeng-TurboTable-End>-->
                </div>
            </div>
        </div>
    </div>
</div>
